html {
    font-size: 14px;
    width: 100%;
    background: #F5F5F5;
    margin: 0px;
    padding: 0px;
}

body{
	font-family: PingFang-SC-Regular;
	max-width: 1920px;
	margin: 0px auto;
	padding-top: 69px;
	background-color: #ffffff;
	display: block;
}
.header{
	height: inherit;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #fff;
	/* background-color: #00FFFF; */
	box-shadow: 0px 2px 8px 0px rgb(224 224 224 / 50%);
}
.masker {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
}
.container{

	max-width: 1170px;
	/* width: 100%; */
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	/* background-color: antiquewhite; */
	
}

/* 顶部S */
.zt{
	display: flex;
	flex-wrap: wrap;	
	margin-right: -15px;
	margin-left: -15px;
}
.navbar{

	display: flex;
	width: 100%;
	align-items: center;
	/* background-color: #7FFFD4; */
}
.navbar .logo {
	height: 70px;
}
.navbar .logo img{
	margin-top: 15px;
	height: 40px;
}
.navbar .navbar-b{
	width: 50px;
	height: 35px;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.navbar .navbar-b .navbar-toggler-icon{
	display: block;
	width: 50px;
	margin-top: 2px;
	height: 35px;
	background: url(../img/sss.png) center center no-repeat;
	background-size: 35px;
}
.navbar .collapse{
	/* background-color: #FF0000; */
	flex-basis: auto;
	display: flex;
	justify-content: flex-end!important;
	flex-basis:400px;
	flex-grow: 4;
}
.collapse .nav-navbar{
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	/* background-color: red; */
} 
.collapse .nav-navbar li{
	height: 38px;
	/* line-height: 60px; */
	/* float: right; */
	width: 154px;
	display: list-item;
	/* text-align: -webkit-match-parent; */
	text-align: right;
	line-height: 38px;
	/* text-align: center; */
}
.collapse .nav-navbar li a{
	text-align: center;
	}
.nav-link{
	    font-family: PingFang-SC-Regular;
	    position: relative;
	    font-size: 15px;
		letter-spacing: 0.2rem;
		padding-left: 0.1rem;
	    color: #231816 !important;
	    line-height: 25px;
	    font-weight: 500;
	    /* margin-left: 82px; */
	    z-index: 0;
	    text-align: center;
}
.nav-item.active .nav-link, .nav-item:hover .nav-link {
    font-weight: bold;
}
/* 顶部S */
/* 尾部S */
footer{
	z-index: 1000;
	width: 100%;
	background-color: #282828;
	color: #ffffff;
}
.sx-footer{
	display: flex;
	justify-content: space-between;
	padding: 60px 15px 15px 15px;
}
.container .left .cic{
	margin-bottom: 45px;
		
}
footer .sx-footer .left .cic .pl10{
	padding-left: 0px;
}
footer .sx-footer .left .cic a {
	font-size: 16px;
	/* font-family: PingFangSC-Regular; */
	font-weight: 400;
	color: #C6C6C6;
	text-decoration: none;
	padding: 0 20px;
	border-right: 1px solid #C6C6C6;
}
footer .sx-footer .right .wx{
	font-size: 22px;
	font-weight: 600;
	color: rgba(180,180,180,1);
	padding: 0 0 15px 0;
	margin: 0;
	text-align: right;
	letter-spacing: 4px;
}
footer .sx-footer .right img {
    width: 100px;
    height: 100px;
}
/* 尾部E */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}